 

	<!-- weui / 卡片 start-->
	<!-- 框架的组件文档 "http://old.jqweui.com/components#panel" -->
	<div class="weui_panel weui_panel_access" style="font-size: 14px">
	  <div class="weui_panel_hd">图文组合列表</div>
	  <div class="weui_panel_bd">
	    <a href="javascript:void(0);" class="weui_media_box weui_media_appmsg">
	      <div class="weui_media_hd">
	        <img class="weui_media_appmsg_thumb" src="" alt="">
	      </div>
	      <div class="weui_media_bd">
	        <h4 class="weui_media_title">标题一</h4>
	        <p class="weui_media_desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
	      </div>
	    </a>
	    <a href="javascript:void(0);" class="weui_media_box weui_media_appmsg">
	      <div class="weui_media_hd">
	        <img class="weui_media_appmsg_thumb" src="" alt="">
	      </div>
	      <div class="weui_media_bd">
	        <h4 class="weui_media_title">标题二</h4>
	        <p class="weui_media_desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
	      </div>
	    </a>
	  </div>
	  <a class="weui_panel_ft" href="javascript:void(0);">查看更多</a>
	</div>
	
	<script type="text/javascript">
		//获取列表项
		var panel_item=$('.weui_panel_bd>a');
		panel_item.click(function(){
			console.log($(this).index());
			//dosomething
		});
		//获取按钮
		var panelbtn=$('.weui_panel_ft');
		panelbtn.click(function(){
			console.log($(this).index());
			//dosomething
		});
	</script>
	<!-- weui / 卡片 end-->
